<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta
      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
      name="viewport"
    />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title>剑桥英语</title>
    <script rel="stylesheet" src="./common/js/flexible.js"></script>
    <link rel="stylesheet" href="./common/css/reset.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div>
      <div id="header"></div>

      <div class="banner">
        <img src="./img/banner.png" alt="" class="banner-img" />
      </div>

      <div class="content-wrapper">
        <div class="content" style="background-image: url('./img/content-1.png')">
          <h2 class="title flex">
            <span class="title-msg-zh">我要咨询</span>
            <span class="title-msg-en">Consulting</span>
          </h2>
          <div
            class="btn-group flex-col row-center col-bottom"
            style="padding-right: 0.5rem; height: 3.12rem"
          >
            <a href="./common-problem.html" class="btn">考试常见问题FAQ</a>
            <a href="./querry.html" class="btn">在线课程咨询</a>
            <a href="./business-cooperation.html" class="btn">商务合作</a>
          </div>
        </div>
        <div class="line"></div>
        <div class="content" style="background-image: url('./img/content-2.png')">
          <h2 class="title flex">
            <span class="title-msg-zh">报名考试</span>
            <span class="title-msg-en">Candidate Registration</span>
          </h2>
          <div class="btn-group flex-col row-center" style="padding-left: 0.38rem; height: 3.12rem">
            <a href="./individual-registration.html" class="btn">个人报名</a>
            <a href="./mechanism-user-login.html" class="btn">机构报名</a>
          </div>
        </div>
        <div class="line"></div>
        <div class="content" style="background-image: url('./img/content-3.png')">
          <h2 class="title flex">
            <span class="title-msg-zh">在线课程</span>
            <span class="title-msg-en">Online Courses</span>
          </h2>
          <div class="btn-group flex-col row-center" style="padding-left: 0.38rem; height: 3.12rem">
            <a style="margin-top: -0.3rem" href="./login.html" class="btn">进入课程</a>
          </div>
        </div>
      </div>

      <div id="footer"></div>
    </div>
    <script src="./common/js/jquery-2.1.1.min.js"></script>
    <script src="./common/js/index.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
